<meta charset="utf-8" name="viewport" content="width=device-width" />
<style>
*{
  padding:0px;
  margin:0px;
}

div{
  color:#666666;
  width:280px;
  margin:30px;
  border:1px solid grey;
  box-sizing:box-size;
}

h2{
  height:60px;
  font-weight:100;
  line-height:60px;
  background:linear-gradient(to bottom,#ceceff,#ffffff);
  padding:0px 30px;
}

ul{
    border-top:3px dashed #cdcdff;
}
li{
  line-height:26px;
  margin:26px;
  list-style:none;
}

span{
  font-weight:700;
}

a:link{
  color:black;
  text-decoration:none;
}
a:visited{
  color:grey;
  text-decoration:none;
}
a:hover{
  color:#bf2a2a;
  text-decoration:none;
}
a:active{
  color:white;
  text-decoration:none;
}
</style>


<head>
  <title>仿京东快报</title>
</head>

<body>
<div>
<h2>京东快报</h2>

<ul>
<li><a href="1"><span>[特惠]</span>海飞丝去屑又去油 超清爽</a></li>
<li><a href="#"><span>[公告]</span>京东公益支持鲁甸新动作</a></li>
<li><a href="#"><span>[特惠]</span>4688元抢iPhone 6</a></li>
<li><a href="#"><span>[公告]</span>小米电视携豪礼高调入驻京东</a></li>
</ul>

</div>
</body>